<template>
  <div class="consent" >
    <!--<h1>家长与儿童评估研究知情同意书</h1>-->
    <!--<h2>尊敬的家长朋友：</h2>-->
    <!--<p>您好，请您仔细阅读以下的内容，如您愿意参与本研究，请点<span class="con">同意</span>按钮</p>-->

    <div class="content" v-html="content">
      {{content}}
    </div>
    <!--<a href="" class="agree">同意</a>-->
    <router-link to="Paper" class="agree">同意</router-link>

  </div>
</template>

<script>
export default {
  name: 'consent',
  data () {
    return {
        content:''
    }
  },
  mounted () {
      var _this = this
      setTimeout( e => {
          var url = this._API_ + "setting"
          this.$http.get(url).then(e => {
              this.content = e.data[4].set_value
          })


      },300)
    
  },
  components : {

  },
  methods : {
    
  }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .content{
    padding:0px 50px;
  }
  span{
    line-height: 4rem;
  }
  .content h1{
    font-size:38px;
    color:#000;
    font-weight: bold;
    text-align: center;
    margin-top:65px;
    margin-bottom: 55px;
  }
  .agree{
    height:93px;
    color:#fff;
    font-size:3.8rem;
    background-color: #f05c78;
    position: fixed;
    bottom:0px;
    width:750px;
    text-align: center;
    line-height:93px;
    text-decoration: none;
  }
  .content p,.content h2{
    font-size: 2.8rem;
    color:#0f0f0f;
    line-height:5rem;
  }
  .content h3{
    font-size:3rem;
    color:#161616;
    font-weight: bold;
    /*padding-left:50px;*/
    margin-top:50px;
    margin-bottom:15px;
  }
  .consent{
    padding-bottom:150px;
  }
  /*.content .con{*/
    /*color:#22b0e7;*/
  /*}*/
</style>
